<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        小米商城 - 小米11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站
    </title>
    <!-- 描述 -->
    <meta name="description" content="小米官网直营小米公司旗下所有产品，包括小米手机系列小米11 Ultra、MIX FOLD，Redmi 红米系列Redmi Note 9、Redmi K40 Pro，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持." />

    <meta name="keywords" content="小米,redmi,小米11 Ultra,Redmi Note 9,小米MIX Alpha,小米商城" />
    <!-- 处理默认样式 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="css/style.css">
    <!-- 首页样式 -->
    <link rel="stylesheet" href="css/index.css">
    <!-- 字体 -->
    <link rel="stylesheet" href="stylez.css">
    <!-- 引用js -->
    <script src="js/index.js"></script>
</head>

<body>
    <!-- 顶部S -->
    <div class="page-top">
        <div class="container">
            <div class="top-lt">
                <a href="#">小米商城</a>
                <span>|</span><a href="#">MIUI</a>
                <span>|</span> <a href="#">TOT</a>
                <span>|</span> <a href="#">云服务</a>
                <span>|</span> <a href="#">天星数科</a>
                <span>|</span> <a href="#">有品</a>
                <span>|</span> <a href="#">小爱开放平台</a>
                <span>|</span> <a href="#">企业团购</a>
                <span>|</span><a href="#">资质证照</a>
                <span>|</span><a href="#">协议规则</a>
                <span>|</span>
                <a href="#" class=" download">下载app
                    <div class="down-box">
                        <img src="img/download.png" alt="">
                        <i>小米商城app</i>
                    </div>
                </a>
                <span>|</span><a href="#">Select Region</a>

            </div>
            <div class="top-gt">
                <div class="car-box">
                    <a href="#" class="tit">
                        <!-- <i>字体图标</i> -->
                        购物车
                        <span>8</span>
                    </a>
                    <div class="pop">
                        <!-- 1.没有购物的情况 -->
                        <!-- <p class="no-good">您的购物车还没有商品，赶紧选购吧！</p> -->

                        <!-- 2.有购物 -->
                        <ul class="list">
                            <li>
                                <a href="#" class="pic"><img src="img/小米.webp.jpg" alt=""></a>
                                <div class="txt">小米20 全网通版小米20 全网通版小米20 全网通版</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="#" class="pic"><img src="img/小米.webp.jpg" alt=""></a>
                                <div class="txt">小米20 全网通版</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="#" class="pic"><img src="img/小米.webp.jpg" alt=""></a>
                                <div class="txt">小米20 全网通版</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="#" class="pic"><img src="img/小米.webp.jpg" alt=""></a>
                                <div class="txt">小米20 全网通版</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="#" class="pic"><img src="img/小米.webp.jpg" alt=""></a>
                                <div class="txt">小米20 全网通版</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="#" class="pic"><img src="img/小米.webp.jpg" alt=""></a>
                                <div class="txt">小米20 全网通版</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="#" class="pic"><img src="img/小米.webp.jpg" alt=""></a>
                                <div class="txt">小米20 全网通版</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="#" class="pic"><img src="img/小米.webp.jpg" alt=""></a>
                                <div class="txt">小米20 全网通版</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                        </ul>
                        <div class="total">
                            <div class="price">
                                <p>共8件商品</p>
                                <h3>6062元 </h3>
                            </div>
                            <a href="#" class="bth">立即结算</a>
                        </div>

                    </div>
                </div>
                <!-- 第一种未登录情况 -->
                <!-- <div class="login">
                    <a href="#">登录</a>
                    <span>|</span>
                    <a href="#">注册</a>
                    <span>|</span>
                    <a href="#">消息通知</a>
                </div> -->

                <!-- 第二种登录 -->
                <div class="userinfo">
                    <div class="user">
                        <a href="" class="tit">蛋蛋!!!</a>
                        <ul>
                            <li><a href="#">个人中心</a></li>
                            <li><a href="#">评价晒单</a></li>
                            <li><a href="#">我的喜欢</a></li>
                            <li><a href="#">小米账号</a></li>
                            <li><a href="#">提出登录</a></li>
                        </ul>
                    </div>
                    <a href="#" class="link">消息通知</a>
                    <span>|</span>
                    <a href="#" class="link">我的订单</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 顶部E -->

    <!-- 导航S -->
    <div class="page-nav">
        <div class="container">
            <a href="#" class="logo">
                <img src="./img/logo-mi2.png" alt="">
            </a>
            <ul class="nav">


                <li class="nav-item" id="page-all-nav">
                    <a href="#" class="tit">全部商品分类</a>
                    <!-- 全部分类下拉菜单 -->
                    <div class="slider-nav">
                        <ul class="slider-ul">
                            <li class="slider-li">
                                <a href="#" class="name">
                                    <span>手机</span>
                                    <span></span>
                                    <i> > </i>
                                </a>

                                <div class="slider-pop">
                                    <!-- 二级菜单 -->
                                    <a href="#" class="pop-li">
                                        <img src="img/sm.webp" alt="">
                                        <p>小米15</p>
                                    </a>
                                    <a href="#" class="pop-li">
                                        <img src="img/sm.webp" alt="">
                                        <p>小米15</p>
                                    </a>
                                    <a href="#" class="pop-li">
                                        <img src="img/sm.webp" alt="">
                                        <p>小米15</p>
                                    </a>
                                    <a href="#" class="pop-li">
                                        <img src="img/sm.webp" alt="">
                                        <p>小米15</p>
                                    </a>
                                    <a href="#" class="pop-li">
                                        <img src="img/sm.webp" alt="">
                                        <p>小米15</p>
                                    </a>
                                    <a href="#" class="pop-li">
                                        <img src="img/sm.webp" alt="">
                                        <p>小米15</p>
                                    </a>
                                    <a href="#" class="pop-li">
                                        <img src="img/sm.webp" alt="">
                                        <p>小米15</p>
                                    </a>
                                    <a href="#" class="pop-li">
                                        <img src="img/sm.webp" alt="">
                                        <p>小米15</p>
                                    </a>
                                    <a href="#" class="pop-li">
                                        <img src="img/sm.webp" alt="">
                                        <p>小米15</p>
                                    </a>
                                </div>

                            </li>
                            <li class="slider-li">
                                <a href="#" class="name">
                                    <span>电视</span>
                                    <span></span>
                                    <i> > </i>
                                </a>
                            </li>
                            <li class="slider-li">
                                <a href="#" class="name">
                                    <span>笔记本</span>
                                    <span>平板</span>
                                    <i> > </i>
                                </a>
                            </li>
                            <li class="slider-li">
                                <a href="#" class="name">
                                    <span>家电</span>
                                    <span></span>
                                    <i> > </i>
                                </a>
                            </li>
                            <li class="slider-li">
                                <a href="#" class="name">
                                    <span>出行</span>
                                    <span>穿戴</span>
                                    <i> > </i>
                                </a>
                            </li>
                            <li class="slider-li">
                                <a href="#" class="name">
                                    <span>智能</span>
                                    <span>路由器</span>
                                    <i> > </i>
                                </a>
                            </li>
                            <li class="slider-li">
                                <a href="#" class="name">
                                    <span>电源</span>
                                    <span>配件</span>
                                    <i> > </i>
                                </a>
                            </li>
                            <li class="slider-li">
                                <a href="#" class="name">
                                    <span>健康</span>
                                    <span>儿童</span>
                                    <i> > </i>
                                </a>
                            </li>
                            <li class="slider-li">
                                <a href="#" class="name">
                                    <span>耳机</span>
                                    <span>音响</span>
                                    <i> > </i>
                                </a>
                            </li>
                            <li class="slider-li">
                                <a href="#" class="name">
                                    <span>生活</span>
                                    <span>其实很简单</span>
                                    <i> > </i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="#" class="tit">小米手机</a>
                    <div class="pop">
                        <ul class="down-ul container">
                            <li class="down-li">
                                <span class="tags">新品</span>
                                <a href="#" class="pic">
                                    <img src="img/img22.webp" alt="">
                                </a>
                                <h3 class="name">小米20</h3>
                                <p class="price">2999元</p>
                                <i></i>
                            </li>
                            <li class="down-li">
                                <span class="tags">新品</span>
                                <a href="#" class="pic">
                                    <img src="img/img22.webp" alt="">
                                </a>
                                <h3 class="name">小米20</h3>
                                <p class="price">2999元</p>
                                <i></i>
                            </li>
                            <li class="down-li">
                                <span class="tags">新品</span>
                                <a href="#" class="pic">
                                    <img src="img/img22.webp" alt="">
                                </a>
                                <h3 class="name">小米20</h3>
                                <p class="price">2999元</p>
                                <i></i>
                            </li>
                            <li class="down-li">
                                <span class="tags">新品</span>
                                <a href="#" class="pic">
                                    <img src="img/img22.webp" alt="">
                                </a>
                                <h3 class="name">小米20</h3>
                                <p class="price">2999元</p>
                                <i></i>
                            </li>
                            <li class="down-li">
                                <!-- <span>新品</span> -->
                                <a href="#" class="pic">
                                    <img src="img/img22.webp" alt="">
                                </a>
                                <h3 class="name">小米20</h3>
                                <p class="price">2999元</p>
                                <i></i>
                            </li>
                            <li class="down-li last">
                                <!-- <span>新品</span> -->
                                <a href="#" class="pic">
                                    <img src="img/img22.webp" alt="">
                                </a>
                                <h3 class="name">小米20</h3>
                                <p class="price">2999元</p>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="#" class="tit">红米</a>
                    <div class="pop">
                        <ul class="down-ul container">
                            <li class="down-li">
                                <span class="tags">新品</span>
                                <a href="#" class="pic">
                                    <img src="img/img22.webp" alt="">
                                </a>
                                <h3 class="name">小米20</h3>
                                <p class="price">2999元</p>
                                <i></i>
                            </li>
                            <li class="down-li">
                                <span class="tags">新品</span>
                                <a href="#" class="pic">
                                    <img src="img/img22.webp" alt="">
                                </a>
                                <h3 class="name">小米20</h3>
                                <p class="price">2999元</p>
                                <i></i>
                            </li>
                            <li class="down-li">
                                <span class="tags">新品</span>
                                <a href="#" class="pic">
                                    <img src="img/img22.webp" alt="">
                                </a>
                                <h3 class="name">小米20</h3>
                                <p class="price">2999元</p>
                                <i></i>
                            </li>
                            <li class="down-li">
                                <span class="tags">新品</span>
                                <a href="#" class="pic">
                                    <img src="img/img22.webp" alt="">
                                </a>
                                <h3 class="name">小米20</h3>
                                <p class="price">2999元</p>
                                <i></i>
                            </li>
                            <li class="down-li">
                                <!-- <span>新品</span> -->
                                <a href="#" class="pic">
                                    <img src="img/img22.webp" alt="">
                                </a>
                                <h3 class="name">小米20</h3>
                                <p class="price">2999元</p>
                                <i></i>
                            </li>
                            <li class="down-li last">
                                <!-- <span>新品</span> -->
                                <a href="#" class="pic">
                                    <img src="img/img22.webp" alt="">
                                </a>
                                <h3 class="name">小米20</h3>
                                <p class="price">2999元</p>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="#" class="tit">电视</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="tit">笔记本</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="tit">家电</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="tit">新品</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="tit">路由器</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="tit">智能硬件</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="tit">服务</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="tit">社区</a>
                </li>
            </ul>
            <!-- <div class="search active"> -->
            <div class="search">

                <form action="" method="post">
                    <input type="text" class="q">
                    <input type="submit" class="btn" value="搜索">
                    <div class="tags">
                        <span>小米9</span>
                        <span>小米9SE</span>
                    </div>

                </form>
                <ul class="hot">
                    <li>
                        <a href="#">
                            <span>小米20</span>
                            <i>约有6件</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>小米20</span>
                            <i>约有6件</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>小米20</span>
                            <i>约有6件</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>小米20</span>
                            <i>约有6件</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>小米20</span>
                            <i>约有6件</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>小米20</span>
                            <i>约有6件</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>小米20</span>
                            <i>约有6件</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>小米20</span>
                            <i>约有6件</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>小米20</span>
                            <i>约有6件</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>小米20</span>
                            <i>约有6件</i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    </div>
    <!-- 导航E -->

    <!-- 轮播导航S -->
    <div class="idx-banner container">
        <ul class="banner-list">
            <li><img src="img/banner-4.webp" alt="">
                <a href="#"></a>
            </li>
            <li><img src="img/banner-2.webp" alt="">
                <a href="#"></a>
            </li>
            <li><img src="img/banner-3.jpeg" alt="">
                <a href="#"></a>
            </li>
            <li><img src="img/banner-4.webp" alt="">
                <a href="#"></a>
            </li>
        </ul>
        <a href="#" class="btn prev">
            < </a>
                <a href="#" class="btn next">
                    > </a>
                <div class="page">
                    <a href="#"><span></span></a>
                    <a href="#"><span></span></a>
                    <a href="#"><span></span></a>
                    <a href="#"><span></span></a>
                </div>
    </div>
    <!-- 轮播导航E -->

    <!-- 菜单和广告 E -->
    <div class="idx-menu-adv container">
        <ul class="menu">
            <li class="  bb"><a href="#"><i><img src="img/xiaotu1.png" alt=""></i><span>优选手机</span></a></li>
            <li class="br bb"><a href="#"><i><img src="img/xiaotu2.png" alt=""></i><span>企业团购</span></a></li>
            <li class="br bb"><a href="#"><i><img src="img/xiaotu3.png" alt=""></i><span>F码通道</span></a></li>
            <li class=""><a href="#"><i><img src="img/xiaotu4.png" alt=""></i><span>米粉卡</span></a></li>
            <li class="br"><a href="#"><i><img src="img/xiaotu5.png" alt=""></i><span>以旧换新</span></a></li>
            <li class="br"><a href="#"><i><img src="img/xiaotu6.png" alt=""></i><span>话费充值</span></a></li>
        </ul>
        <a href="#" class="pic"><img src="img/img1.jpg" alt=""></a>
        <a href="#" class="pic"><img src="img/img2.jpg" alt=""></a>
        <a href="#" class="pic"><img src="img/img3.jpg" alt=""></a>
    </div>
    <!-- 菜单和广告 S -->


    <!-- 大内容S -->
    <div class="idx-container">
        <!-- 广告图S -->
        <div class="idx-adv container">
            <a href="#"> <img src="img/adv1.jpg" alt=""> </a>
        </div>

        <!-- 广告图E -->
        <div class="idx-container">
            <div class="container">
                <!-- 手机 -->
                <div class="idx-title">
                    <span class="tit">手机</span>
                    <div class="see-all" href="#">查看全部<i class="see-alll"></i></div>
                </div>
                <div class="idx-phone idx-box">
                    <div class="millet-img">
                        <img src="img/手机-1.webp" alt="">
                    </div>
                    <div class="millet-box">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="img/手机-2.webp" alt="">
                                    <h3>Xiaomi MIX 4</h3>
                                    <p>CUP全面屏</p>
                                    <span>4999起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/手机-3.webp" alt="">
                                    <h3>Xiaomi 12X</h3>
                                    <p>骁龙870 | 5000万主摄</p>
                                    <span>3199起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/手机-2.webp" alt="">
                                    <h3>Xiaomi MIX 4</h3>
                                    <p>CUP全面屏</p>
                                    <span>4999起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/手机-3.webp" alt="">
                                    <h3>Xiaomi 12X</h3>
                                    <p>骁龙870 | 5000万主摄</p>
                                    <span>3199起</span>
                                </a>
                            </li>
                            <br>
                            <li>
                                <a href="#" class="bot"> <img src="img/手机-2.webp" alt="">
                                    <h3>Xiaomi MIX 4</h3>
                                    <p>CUP全面屏</p>
                                    <span>4999起</span></a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/手机-3.webp" alt="">
                                    <h3>Xiaomi 12X</h3>
                                    <p>骁龙870 | 5000万主摄</p>
                                    <span>3199起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="bot"> <img src="img/手机-2.webp" alt="">
                                    <h3>Xiaomi MIX 4</h3>
                                    <p>CUP全面屏</p>
                                    <span>4999起</span></a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/手机-3.webp" alt="">
                                    <h3>Xiaomi 12X</h3>
                                    <p>骁龙870 | 5000万主摄</p>
                                    <span>3199起</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

                <!-- 智能穿戴 -->
                <div class="idx-adv">
                    <a href=""><img src="img/adv2.jpg" alt=""></a>
                </div>
                <div class="idx-hea">
                    <div class="hea-l">智能穿戴</div>
                    <div class="hea-r">
                        <ul>
                            <li class="hea-a">
                                <a href="#">热门</a>
                            </li>
                            <li class="hea-b">
                                <a href="#">穿戴</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="hea-box idx-box">
                    <div class="millet-img">
                        <img src="img/watch.webp" alt="">
                    </div>
                    <div class="millet-box">
                        <ul>
                            <li>
                                <a href="#">
                                    <img src="img/小米手环.webp" alt="">
                                    <h3>小米手环6</h3>
                                    <p>全屏实力</p>
                                    <span>209起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/无线耳机.webp" alt="">
                                    <h3>Xiaomi 真无线降噪耳机 3</h3>
                                    <p>静听好声音</p>
                                    <span>499起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/小米手环.webp" alt="">
                                    <h3>小米手环6</h3>
                                    <p>全屏实力</p>
                                    <span>209起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/无线耳机.webp" alt="">
                                    <h3>Xiaomi 真无线降噪耳机 3</h3>
                                    <p>静听好声音</p>
                                    <span>499起</span>
                                </a>
                            </li>
                            <br>
                            <li>
                                <a href="#">
                                    <img src="img/小米手环.webp" alt="">
                                    <h3>小米手环6</h3>
                                    <p>全屏实力</p>
                                    <span>209起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/无线耳机.webp" alt="">
                                    <h3>Xiaomi 真无线降噪耳机 3</h3>
                                    <p>静听好声音</p>
                                    <span>499起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/小米手环.webp" alt="">
                                    <h3>小米手环6</h3>
                                    <p>全屏实力</p>
                                    <span>209起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="moer-box">
                                    <!-- <img src="img/无线耳机.webp" alt=""> -->
                                    <h3>浏览更多</h3>

                                    <p>热门</p>
                                    <i class="see-alll"></i>
                                    <!-- <span>499起</span> -->
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

                <!-- 家电 -->
                <div class="idx-hea tv-top">
                    <div class="hea-l">家电</div>
                    <div class="hea-r">
                        <ul>
                            <li class="hea-a">
                                <a href="#">热门</a>
                            </li>
                            <li class="hea-b" style="width: 66px;">
                                <a href="#">电视影音</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="hea-box idx-box">
                    <!-- <div class="millet-img">
                        <img src="img/watch.webp" alt="">
                    </div> -->
                    <div class="millet-box">
                        <ul>
                            <li>
                                <a href="#" class="tv-r" style="margin: 0; padding: 0;">
                                    <img src="img/小米电视6.webp" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/小米电视.webp" alt="">
                                    <h3>小米电视6 65” OLED</h3>
                                    <p>OLED自发光屏 | 百万级对比度 | 4.6mm超薄全面屏</p>
                                    <span>6999起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/小米电视.webp" alt="">
                                    <h3>小米电视6 至尊版 65英寸</h3>
                                    <p>百级分区背光 | 双120Hz高刷 | 4.5GB+64GB</p>
                                    <span>7499起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/小米电视2.webp" alt="">
                                    <h3>小米电视6 65” OLED</h3>
                                    <p>OLED自发光屏 | 百万级对比度 | 4.6mm超薄全面屏</p>
                                    <span>6999起</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="img/小米电视.webp" alt="">
                                    <h3>小米电视6 至尊版 65英寸</h3>
                                    <p>百级分区背光 | 双120Hz高刷 | 4.5GB+64GB</p>
                                    <span>7499起</span>
                                </a>
                            </li><br>
                            <li>
                                <a href="#" class="tv-r" style="margin: 0; padding: 0;">
                                    <img src="img/小米电视大师.webp" alt="">
                                </a>
                            </li>

                            <li>
                                <a href="#">
                                    <img src="img/小米电视2.webp" alt="">
                                    <h3>小米电视6 65” OLED</h3>
                                    <p>OLED自发光屏 | 百万级对比度 | 4.6mm超薄全面屏</p>
                                    <span>6999起</span>
                                </a>
                            </li>
                            <li>
                                <li>
                                    <a href="#">
                                        <img src="img/小米电视.webp" alt="">
                                        <h3>小米电视6 至尊版 65英寸</h3>
                                        <p>百级分区背光 | 双120Hz高刷 | 4.5GB+64GB</p>
                                        <span>7499起</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="img/小米电视2.webp" alt="">
                                        <h3>小米电视6 65” OLED</h3>
                                        <p>OLED自发光屏 | 百万级对比度 | 4.6mm超薄全面屏</p>
                                        <span>6999起</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="moer-box">
                                        <!-- <img src="img/无线耳机.webp" alt=""> -->
                                        <h3>浏览更多</h3>

                                        <p>热门</p>
                                        <i class="see-alll"></i>
                                        <!-- <span>499起</span> -->
                                    </a>
                                </li>
                        </ul>
                    </div>
                </div>

                <!-- 生活电器 -->
                <div class="idx-hea tv-top">
                    <div class="hea-l">生活电器</div>
                    <div class="hea-r">
                        <ul>
                            <li class="hea-a" style="width: 52px;" ">
                                <a href="# ">扫地机</a>
                            </li>
                            <li class="hea-b ">
                                <a href="# ">空净</a>
                            </li>
                            <li class="hea-b ">
                                <a href="# ">清洁</a>
                            </li><li class="hea-b ">
                                <a href="# ">风扇</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="hea-box idx-box ">
                    <!-- <div class="millet-img ">
                        <img src="img/watch.webp " alt=" ">
                    </div> -->
                    <div class="millet-box ">
                        <ul>
                            <li>
                                <a href="# " class="tv-r " style="margin: 0; padding: 0; ">
                                    <img src="img/扫地机器人.webp " alt=" ">
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/空调.webp " alt=" ">
                                    <h3>米家直流变频塔扇</h3>
                                    <p>立体广角柔风，省空间更安全</p>
                                    <span>349元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/风扇.webp " alt=" ">
                                    <h3>米家直流变频落地扇</h3>
                                    <p>舒适自然风，循环好空气</p>
                                    <span>269元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/空调.webp " alt=" ">
                                    <h3>米家直流变频塔扇</h3>
                                    <p>立体广角柔风，省空间更安全</p>
                                    <span>349元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/风扇.webp " alt=" ">
                                    <h3>米家直流变频落地扇</h3>
                                    <p>舒适自然风，循环好空气</p>
                                    <span>269元</span>
                                </a>
                            </li><br>
                            <li>
                                <a href="# " class="tv-r " style="margin: 0; padding: 0; ">
                                    <img src="img/净化器.webp " alt=" ">
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/空调.webp " alt=" ">
                                    <h3>米家直流变频塔扇</h3>
                                    <p>立体广角柔风，省空间更安全</p>
                                    <span>349元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/风扇.webp " alt=" ">
                                    <h3>米家直流变频落地扇</h3>
                                    <p>舒适自然风，循环好空气</p>
                                    <span>269元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/空调.webp " alt=" ">
                                    <h3>米家直流变频塔扇</h3>
                                    <p>立体广角柔风，省空间更安全</p>
                                    <span>349元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# " class="moer-box ">
                                    <!-- <img src="img/无线耳机.webp " alt=" "> -->
                                    <h3>浏览更多</h3>
                                   <p>扫地机</p>
                                    <i class="see-alll "></i>
                                    <!-- <span>499起</span> -->
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

                <!-- 厨房电器 -->
                <div class="idx-adv ">
                    <a href=" "><img src="img/adv3.jpg " alt=" "></a>
                </div>
                <div class="idx-hea tv-top ">
                    <div class="hea-l ">厨房电器</div>
                    <div class="hea-r ">
                        <ul>
                            <li class="hea-a " style="width: 52px; " ">
                                <a href="# ">净水器</a>
                            </li>
                            <li class="hea-b ">
                                <a href="# ">烟灶</a>
                            </li>
                            <li class="hea-b " style="width: 52px; " ">
                                <a href="# ">电饭煲</a>
                            </li>
                            <li class="hea-b " style="width: 52px; " ">
                                <a href="# ">微蒸烤</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="hea-box idx-box ">
                    <!-- <div class="millet-img ">
                        <img src="img/watch.webp " alt=" ">
                    </div> -->
                    <div class="millet-box ">
                        <ul>
                            <li>
                                <a href="# " class="tv-r " style="margin: 0; padding: 0; ">
                                    <img src="img/烟灶.webp " alt=" ">
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/净水器2.webp " alt=" ">
                                    <h3>小米净水器1200G</h3>
                                    <p>专利双RO技术 / 3.2L/min大流量</p>
                                    <span>2999元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/净水器3.webp " alt=" ">
                                    <h3>小米净水器600G</h3>
                                    <p>600加仑大流量 / 即滤即饮无存水 </p>
                                    <span>1639元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/净水器2.webp " alt=" ">
                                    <h3>小米净水器1200G</h3>
                                    <p>专利双RO技术 / 3.2L/min大流量</p>
                                    <span>2999元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/净水器3.webp " alt=" ">
                                    <h3>小米净水器600G</h3>
                                    <p>600加仑大流量 / 即滤即饮无存水 </p>
                                    <span>1639元</span>
                                </a>
                            </li><br>
                            <li>
                                <a href="# " class="tv-r " style="margin: 0; padding: 0; ">
                                    <img src="img/净水器.webp " alt=" ">
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/净水器2.webp " alt=" ">
                                    <h3>小米净水器1200G</h3>
                                    <p>专利双RO技术 / 3.2L/min大流量</p>
                                    <span>2999元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/净水器3.webp " alt=" ">
                                    <h3>小米净水器600G</h3>
                                    <p>600加仑大流量 / 即滤即饮无存水 </p>
                                    <span>1639元</span>
                                </a>
                            </li>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/净水器2.webp " alt=" ">
                                    <h3>小米净水器1200G</h3>
                                    <p>专利双RO技术 / 3.2L/min大流量</p>
                                    <span>2999元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# " class="water moer-box ">
                                    <h3>小米净水器</h3>
                                    <p style="margin-left: -80px;">400G增强版</p>
                                    <span>999元</span>
                                    <img src="img/净水器小.webp" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="# " class="moer-box ">
                                    <!-- <img src="img/无线耳机.webp " alt=" "> -->
                                    <h3>浏览更多</h3>
                                    <p>净水器</p>
                                    <i class="see-alll "></i>
                                    <!-- <span>499起</span> -->
                                </a>
                            </li>


                        </ul>
                    </div>
                </div>

                <!-- 智能家居 -->
                <div class="idx-hea tv-top ">
                    <div class="hea-l ">智能家居</div>
                    <div class="hea-r ">
                        <ul>
                            <li class="hea-a " style="width: 66px; " ">
                                <a href="# ">小爱音响</a>
                            </li>
                            <li class="hea-b ">
                                <a href="# ">门锁</a>
                            </li>
                            <li class="hea-b " style="width: 52px; " ">
                                <a href="# ">路由器</a>
                            </li>
                            <li class="hea-b " style="width: 66px; " ">
                                <a href="# ">智能设备</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="hea-box idx-box ">
                    <!-- <div class="millet-img ">
                        <img src="img/watch.webp " alt=" ">
                    </div> -->
                    <div class="millet-box ">
                        <ul>
                            <li>
                                <a href="# " class="tv-r " style="margin: 0; padding: 0; ">
                                    <img src="img/音响.webp " alt=" ">
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/音响3.webp " alt=" ">
                                    <h3>Xiaomi Sound</h3>
                                    <p>小米高保真智能音响</p>
                                    <span>499元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/音响2.webp " alt=" ">
                                    <h3>小米小爱音箱Play 增强版</h3>
                                    <p>LED时钟显示，自适应亮度调节</p>
                                    <span>149元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/音响3.webp " alt=" ">
                                    <h3>Xiaomi Sound</h3>
                                    <p>小米高保真智能音响</p>
                                    <span>499元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/音响2.webp " alt=" ">
                                    <h3>小米小爱音箱Play 增强版</h3>
                                    <p>LED时钟显示，自适应亮度调节</p>
                                    <span>149元</span>
                                </a>
                            </li><br>
                            <li>
                                <a href="# " class="tv-r " style="margin: 0; padding: 0; ">
                                    <img src="img/智能门锁.webp " alt=" ">
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/音响3.webp " alt=" ">
                                    <h3>Xiaomi Sound</h3>
                                    <p>小米高保真智能音响</p>
                                    <span>499元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/音响2.webp " alt=" ">
                                    <h3>小米小爱音箱Play 增强版</h3>
                                    <p>LED时钟显示，自适应亮度调节</p>
                                    <span>149元</span>
                                </a>
                            </li>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/音响3.webp " alt=" ">
                                    <h3>Xiaomi Sound</h3>
                                    <p>小米高保真智能音响</p>
                                    <span>499元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# " class="home moer-box ">
                                    <h3>小米小爱音响</h3>
                                    <p style="margin-left: -108px; ">Art电池版</p>
                                    <span style="margin-left:-108px; ">349元</span>
                                    <img src="img/音响小.webp " alt=" ">
                                </a>
                            </li>
                            <li>
                                <a href="# " class="moer-box ">
                                    <!-- <img src="img/无线耳机.webp " alt=" "> -->
                                    <h3>浏览更多</h3>
                                    <p>小爱音响</p>
                                    <i class="see-alll "></i>
                                    <!-- <span>499起</span> -->
                                </a>
                            </li>


                        </ul>
                    </div>
                </div>

                <!-- 运动出行 -->
                <div class="idx-hea tv-top ">
                    <div class="hea-l ">运动出行</div>
                    <div class="hea-r ">
                        <ul>
                            <li class="hea-a " style="width: 104px; " ">
                                <a href="# ">平衡车/滑板车</a>
                            </li>
                            <li class="hea-b " style="width: 66px; " ">
                                <a href="# ">运动健身</a>
                            </li>
                            <li class="hea-b " style="width: 66px; " ">
                                <a href="# ">箱包配饰</a>
                            </li>
                            <li class="hea-b " style="width: 66px; " ">
                                <a href="# ">出行工具</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="hea-box idx-box ">
                    <!-- <div class="millet-img ">
                        <img src="img/watch.webp " alt=" ">
                    </div> -->
                    <div class="millet-box ">
                        <ul>
                            <li>
                                <a href="# " class="tv-r " style="margin: 0; padding: 0; ">
                                    <img src="img//跑步机.webp " alt=" ">
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/平衡车2.webp " alt=" ">
                                    <h3>九号平衡车</h3>
                                    <p>一个形影不离的新伙伴</p>
                                    <span>2099元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/平衡车3.png " alt=" ">
                                    <h3>九号平衡车燃动版</h3>
                                    <p>铝合金停车支架 / 可折叠拉杆</p>
                                    <span>2399元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/平衡车2.webp " alt=" ">
                                    <h3>九号平衡车</h3>
                                    <p>一个形影不离的新伙伴</p>
                                    <span>2099元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/平衡车3.png " alt=" ">
                                    <h3>九号平衡车燃动版</h3>
                                    <p>铝合金停车支架 / 可折叠拉杆</p>
                                    <span>2399元</span>
                                </a>
                            </li><br>
                            <li>
                                <a href="# " class="tv-r " style="margin: 0; padding: 0; ">
                                    <img src="img/平衡车.webp " alt=" ">
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/平衡车2.webp " alt=" ">
                                    <h3>九号平衡车</h3>
                                    <p>一个形影不离的新伙伴</p>
                                    <span>2099元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/平衡车3.png " alt=" ">
                                    <h3>九号平衡车燃动版</h3>
                                    <p>铝合金停车支架 / 可折叠拉杆</p>
                                    <span>2399元</span>
                                </a>
                            </li>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/平衡车2.webp " alt=" ">
                                    <h3>九号平衡车</h3>
                                    <p>一个形影不离的新伙伴</p>
                                    <span>2099元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# " class="moer-box ">
                                    <!-- <img src="img/无线耳机.webp " alt=" "> -->
                                    <h3>浏览更多</h3>
                                    <p>平衡车/滑板车</p>
                                    <i class="see-alll "></i>
                                    <!-- <span>499起</span> -->
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

                <!-- 日常百货 -->
                <div class="idx-adv ">
                    <a href=" "><img src="img/adv4.jpg " alt=" "></a>
                </div>
                <div class="idx-hea tv-top ">
                    <div class="hea-l ">日用百货</div>
                    <div class="hea-r ">
                        <ul>
                            <li class="hea-a " style="width: 66px; " ">
                                <a href="# ">个护健康</a>
                            </li>
                            <li class="hea-b " style="width: 66px; " ">
                                <a href="# ">电源线材</a>
                            </li>
                            <li class="hea-b " style="width: 66px; " ">
                                <a href="# ">儿童用具</a>
                            </li>
                            <li class="hea-b " style="width: 66px; " ">
                                <a href="# ">家居床品</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="hea-box idx-box ">
                    <!-- <div class="millet-img ">
                        <img src="img/watch.webp " alt=" ">
                    </div> -->
                    <div class="millet-box ">
                        <ul>
                            <li>
                                <a href="# " class="tv-r " style="margin: 0; padding: 0; ">
                                    <img src="img/剃须刀.webp " alt=" ">
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/牙刷.webp " alt=" ">
                                    <h3>米家声波电动牙刷T700</h3>
                                    <p>无级动力调节 / 39600次/分强劲动力 </p>
                                    <span>369元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/牙刷2.webp " alt=" ">
                                    <h3>米家声波电动牙刷T500</h3>
                                    <p>高频震动磁悬浮马达</p>
                                    <span>169元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/牙刷.webp " alt=" ">
                                    <h3>米家声波电动牙刷T700</h3>
                                    <p>无级动力调节 / 39600次/分强劲动力 </p>
                                    <span>369元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/牙刷2.webp " alt=" ">
                                    <h3>米家声波电动牙刷T500</h3>
                                    <p>高频震动磁悬浮马达</p>
                                    <span>169元</span>
                                </a>
                            </li><br>
                            <li>
                                <a href="# " class="tv-r " style="margin: 0; padding: 0; ">
                                    <img src="img/充电宝.webp " alt=" ">
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/牙刷.webp " alt=" ">
                                    <h3>米家声波电动牙刷T700</h3>
                                    <p>无级动力调节 / 39600次/分强劲动力 </p>
                                    <span>369元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/牙刷2.webp " alt=" ">
                                    <h3>米家声波电动牙刷T500</h3>
                                    <p>高频震动磁悬浮马达</p>
                                    <span>169元</span>
                                </a>
                            </li>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/牙刷.webp " alt=" ">
                                    <h3>米家声波电动牙刷T700</h3>
                                    <p>无级动力调节 / 39600次/分强劲动力 </p>
                                    <span>369元</span>
                                </a>
                            </li>
                            <li>
                                <a href="# " class="water moer-box ">
                                    <h3>米家自动香氛 </h3>
                                    <!-- <p style="margin-left: -80px; ">400G增强版</p> -->
                                    <span>99元</span>
                                    <img src="img/香氛机.webp " alt=" ">
                                </a>
                            </li>
                            <li>
                                <a href="# " class="moer-box ">
                                    <!-- <img src="img/无线耳机.webp " alt=" "> -->
                                    <h3>浏览更多</h3>
                                    <p>个护健康</p>
                                    <i class="see-alll "></i>
                                    <!-- <span>499起</span> -->
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>


                <!-- 视频 -->
                <div class="idx-title ">
                    <span class="tit ">视频</span>
                    <div class="see-all " href="# ">查看全部<i class="see-alll "></i></div>
                </div>
                <div class="idx-phone video idx-box ">
                 
                    <div class="video-box ">
                        <ul>
                            <li>
                                <a href="# " style="margin: 0; ">
                                    <img src="img/视频1.webp " alt=" ">
                                    <span class="play ">
                                        <img src="icon/播放.png " alt=" ">
                                    </span>
                                   <p>2021年春季新品发布会第一场</p>
                                </a>
                            </li>
                            
                            <li>
                                <a href="# ">
                                <img src="img/视频2.webp " alt=" ">
                                <span class="play ">
                                    <img src="icon/播放.png " alt=" ">
                                </span>
                                <p>2021年春季新品发布会第一场</p>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/视频3.webp " alt=" ">
                                    <span class="play ">
                                        <img src="icon/播放.png " alt=" ">
                                    </span>
                                    <p>2021年春季新品发布会第一场</p>
                                </a>
                            </li>
                            <li>
                                <a href="# ">
                                    <img src="img/视频4.webp " alt=" ">
                                    <span class="play ">
                                        <img src="icon/播放.png " alt=" ">
                                    </span>
                                    <p>2021年春季新品发布会第一场</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

            

            </div>
        </div>
    </div>
    <!-- 大内容E -->

    <!-- 底部S -->
    <div class="idx-bottom container ">
        <div class="idx-bottom-t ">
            <ul>
                <li>预约维修服务</li>
                <li>7天无理由退货</li>
                <li>15天免费换货</li>
                <li>满69包邮</li>
                <li style="border:0 ; "> 520余家售后网点</li>
            </ul>
        </div>
        <div class="idx-bottom-b ">
            <div class="service-l ">
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="# ">账户管理</a></dd>
                    <dd><a href="# ">购物指南</a></dd>
                    <dd><a href="# ">订单操作</a></dd>
                </dl>
                <dl>
                    <dt>服务支持</dt>
                    <dd><a href="# ">售后服务</a></dd>
                    <dd><a href="# ">自助服务</a></dd>
                    <dd><a href="# ">相关下载</a></dd>
                </dl> <dl>
                    <dt>线下门店</dt>
                    <dd><a href="# ">小米之家</a></dd>
                    <dd><a href="# ">服务网点</a></dd>
                    <dd><a href="# ">授权体验店/专店</a></dd>
                </dl> <dl>
                    <dt>关于小米</dt>
                    <dd><a href="# ">了解小米</a></dd>
                    <dd><a href="# ">加入小米</a></dd>
                    <dd><a href="# ">投资者关系</a></dd>
                    <dd><a href="# ">企业社会责任</a></dd>
                    <dd><a href="# ">廉洁举报</a></dd>
                </dl> <dl>
                    <dt>关注我们</dt>
                    <dd><a href="# ">新浪微博</a></dd>
                    <dd><a href="# ">官方微信</a></dd>
                    <dd><a href="# ">联系我们</a></dd>
                    <dd><a href="# ">公益基金会</a></dd>
                </dl> <dl>
                    <dt>特色服务</dt>
                    <dd><a href="# ">F码通道</a></dd>
                    <dd><a href="# ">礼物码</a></dd>
                    <dd><a href="# ">防伪查询</a></dd>
                </dl>
            </div>
            <div class="service-r ">
                <h5>400-100-5678</h5>
                <p>8:00-18:00（仅收市话费）</p>
                <a href="# ">人工客服</a>
                <div>关注小米</div>
            </div>
        </div>
    </div>
    <!-- 底部E -->

    <!-- 小米信息S -->
    <div class="news ">
        <div class="container ">
        <img src="img/logo-mi2.png " alt=" ">
        <p class="fz-top ">
            <a href="# ">小米商场</a>
            <span>|</span><a href="# ">MIUI </a>
            <span>|</span><a href="# ">米家</a>
            <span>|</span><a href="# ">米聊</a>
            <span>|</span><a href="# ">多看</a>
            <span>|</span><a href="# ">游戏</a>
            <span>|</span><a href="# ">政务服务</a>
            <span>|</span><a href="# ">小米天猫店</a>
            <span>|</span><a href="# ">小米集团隐私政策</a>
            <span>|</span><a href="# ">小米公司儿童信息保护规则</a>
            <span>|</span><a href="# ">小米商城隐私政策</a>
            <span>|</span><a href="# ">小米商城用户协议</a>
            <span>|</span><a href="# ">问题反馈</a>
            <span>|</span><a href="# ">Select Location</a>
            <br>
            <a href="# ">北京互联网法院法律服务工作站</a>
            <span>|</span><a href="# ">中国消费者协会</a>
            <span>|</span><a href="# ">北京市消费者协会</a>
        </p>
        <p class="fz-b ">
            <a href="# ">© mi.com 京ICP证110507号</a>&nbsp;
            <a href="# ">京ICP备10046444号</a>&nbsp;
            <a href="# ">京公网安备11010802020134号</a>&nbsp;
            <a href="# ">京网文[2020]0276-042号</a><br>
            <a href="# ">（京）网械平台备字（2018）第00005号</a>&nbsp;
            <a href="# ">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>&nbsp;
            <a href="# ">营业执照</a>&nbsp;
            <a href="# ">医疗器械质量公告</a><br>
            <a href="# ">增值电信业务许可证</a>&nbsp;
            <a href="# "> 网络食品经营备案 京食药网食备202010048</a>&nbsp;
            <a href="# ">食品经营许可证</a><br>
            <a href="# ">违法和不良信息举报电话：171-5104-4404 </a>&nbsp;
            <a href="# ">知识产权侵权投诉</a>&nbsp;
            <a href="# "> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </a>
        </p>
        </div>
        <div class="b-fz "></div>
    </div>
    <!-- 小米信息E -->

    <!-- 侧边栏S -->
    <ul class="page-slider ">
        <li class="icon-app ">
            <i class="my-icon icon-app ">
                <!-- <img src="icon/手机灰.png " alt=" "> -->
            </i>
            <span>手机APP</span>
            <div class="pop ">
                <a href="# ">
                    <img src="img/download.png " alt=" ">
                    <p>扫码领取新 <br> 人百元大奖</p>
                </a>
            </div>
        </li>
        <li class=" icon-user ">
            <i class="my-icon ">
                <!-- <img src="icon/个人灰.png " alt=" "> -->
            </i>
            <span>个人中心</span>
        </li>
        <li class="icon-service ">
            <i class="my-icon ">
                <!-- <img src="icon/售后灰.png " alt=" "> -->
            </i>
            <span>售后服务</span>
        </li> 
        <li class="icon-concat ">
            <i class="my-icon ">
                <!-- <img src="icon/客服灰.png " alt=" "> -->
            </i>
            <span>联系客服</span>
        </li> 
        <li class="icon-car ">
            <i class="my-icon ">
                <!-- <img src="icon/购物车灰.png " alt=" "> -->
            </i>
            <span>购物车</span>
        </li>
        <!-- 返回图标 -->
        <li class="last icon-top ">
            <i class="my-icon ">
                <!-- <img src="icon/顶部灰.png " alt=" "> -->
            </i>
            <span>返回顶部</span>
        </li>
    </ul>
    <!-- 侧边栏E -->


<script>
      // 获取元素
  var icontop = document.querySelector('.icon-top');
  
  // 页面滚动事件
  document.addEventListener('scroll', function() {
      //   被卷去的头部
      console.log(window.pageYOffset);
      //   if (window.pageYOffset >= 100) {
      //       alert(0)
      //   }
      if (window.pageYOffset >= 600) {
          icontop.style.display = 'block';
      } else {
          icontop.style.display = 'none';
      }
  });
  var last = document.querySelector('.icon-top');
  last.addEventListener('click',function(){
    animate(window, 0);
    // window.scroll(0, 0);
  });
  function animate(obj, target, callback) {
           clearInterval(obj.timer);
            obj.timer = setInterval(function() {
            var step = (target - window.pageYOffset) / 10;
                step = step > 0 ? Math.ceil(step) : Math.floor(step);
                if (window.pageYOffset == target) {
                    clearInterval(obj.timer);
                    callback && callback();
                }
                window.scroll(0, window.pageYOffset + step);
            }, 15);
        }
</script>
    
</body>

</html>